#preloader {
    background-color: #f6f6f6;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
}

#preloader.background_image {
    background-image: url(../images/slide-image-1920-e.jpg);
    background-position: center center;
    background-size: cover;
}

#preloader .black-overlay {
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.6
}

#preloader .white-overlay {
    background-color: #FFF;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.6
}

#preloader .spinner-animation {
    -webkit-animation: pace-3d-spinner linear infinite 2s;
    -moz-animation: pace-3d-spinner linear infinite 2s;
    -ms-animation: pace-3d-spinner linear infinite 2s;
    -o-animation: pace-3d-spinner linear infinite 2s;
    animation: pace-3d-spinner linear infinite 2s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

@-webkit-keyframes pace-3d-spinner {
    from {
        -webkit-transform: rotateY(0deg);
    }
    to {
        -webkit-transform: rotateY(360deg);
    }
}

@-moz-keyframes pace-3d-spinner {
    from {
        -moz-transform: rotateY(0deg);
    }
    to {
        -moz-transform: rotateY(360deg);
    }
}

@-ms-keyframes pace-3d-spinner {
    from {
        -ms-transform: rotateY(0deg);
    }
    to {
        -ms-transform: rotateY(360deg);
    }
}

@-o-keyframes pace-3d-spinner {
    from {
        -o-transform: rotateY(0deg);
    }
    to {
        -o-transform: rotateY(360deg);
    }
}

@keyframes pace-3d-spinner {
    from {
        transform: rotateY(0deg);
    }
    to {
        transform: rotateY(360deg);
    }
}